<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

	<div class="menu">
		<h:form id="formMenuSidebar">
			<ul id="accordion" class="accordion">
				<li>
					<div class="link">
						<i class="fa fa-database"></i>Web Design <i class="fa fa-angle-down"></i>
					</div>
					<ul class="submenu">
						<li><a href="#">Photoshop</a></li>
						<li><a href="#">HTML</a></li>
						<li><a href="#">CSS</a></li>
					</ul>
				</li>
				<li>
					<div class="link">
						<i class="fa fa-code"></i>Coding <i class="fa fa-angle-down"></i>
					</div>
					<ul class="submenu">
						<li><a href="#">Javascript</a></li>
						<li><a href="#">jQuery</a></li>
						<li><a href="#">Ruby</a></li>
					</ul>
				</li>
				<li>
					<div class="link">
						<i class="fa fa-mobile"></i>Devices <i class="fa fa-angle-down"></i>
					</div>
					<ul class="submenu">
						<li><a href="#">Tablet</a></li>
						<li><a href="#">Mobile</a></li>
						<li><a href="#">Desktop</a></li>
					</ul>
				</li>
				<li>
					<div class="link">
						<i class="fa fa-globe"></i>Global <i class="fa fa-angle-down"></i>
					</div>
					<ul class="submenu">
						<li><a href="#">Google</a></li>
						<li><a href="#">Bing</a></li>
						<li><a href="#">Yahoo</a></li>
					</ul>
				</li>
			</ul>
		</h:form>
	</div>
</ui:composition>